﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>文章内页</title>
	<link rel="stylesheet" type="text/css" href="css/base.css" />
	<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
	<div id="header">
		<div class="bg">
			<div class="topBar">
				<div class="welcome">
					亲，欢迎光临爱手网！ 请<a href="#">登录</a> <a href="#">免费注册</a>
				</div>
				<div class="tnav fn-clear">
					<a href="#">爱手网工首页<img src="images/tnav1.gif" width="12" height="12" /></a> | <a
						href="#">我的购物车<img src="images/tnav2.gif" width="16" height="12" /></a> | <a href="#">
							我的收藏夹</a> | <a href="#">服务中心</a> | <a href="#">网站导航</a>
				</div>
			</div>
		</div>
		<div class="r2 fn-clear">
			<div class="logoBox">
				<a href="首页.html">
					<img src="images/temp/logo.jpg" width="184" height="66" alt="" /></a>
			</div>
			<div class="searchBox">
				<div class="form">
				<input type="text" class="txtKey" />
				<input type="submit" class="btnSubmit" value="搜索" />
				</div>
				<div class="keyWords">
					<span>热门：</span> <a href="#">托特包</a> <a href="#">托特包</a> <a href="#">托特包</a> <a href="#">
						托特包</a> <a href="#">托特包</a>
				</div>
			</div>
			<div class="tel">
				<img src="images/tel.jpg" width="175" height="54" alt="" />
			</div>
		</div>
		<div id="menu">
			<ul class="main">
				<li><a href="#">爱手工网</a></li>
				<li><a href="#">手工斜挎包</a></li>
				<li><a href="#">手工双肩包</a></li>
				<li><a href="#">手工手拎包</a></li>
				<li><a href="#">手工钱包</a></li>
				<li><a href="#">手工男鞋</a></li>
				<li><a href="#">手工女鞋</a></li>
				<li><a href="#">手工配件</a></li>
			    <li class="no-border"><a href="#">DIY教室</a></li>
                <li class="pic"><a href="#"><img src="images/pic-zxhd.png"/></a></li>
			</ul>
		</div>
	</div>
    <div id="container">
        <div class="banner border1" style="height:140px;margin-bottom:10px;">
            <a href="#"><img src="images/temp/banner2.jpg" width="980" height="140"/></a>
        </div>
        <div class="t-siteMap">
            <p><a href="#">站点地图</a></p>
        </div>
        <div class="main2 fn-clear">
            <div class="lcnt fn-left">
                <div class="arh-cnt border1">
                    <h1 class="arh-title">包压花时尚链条手拎单肩包</h1>
                    <p class="arh-info">
                        发布时间：2012-6-10；
                        来源：<a href="#">爱手工网</a>；
                        作者：<a href="#">迪兰恒进</a>；
                        浏览次数：123次
                    </p>
                    <div class="arh-txtdetail"><!--文章正文-->
                        <p>举两个例子举两个例子举两个例子举两个例子举两个例子举两个例子举两个例子举两个例子举两个例子举两个例子举两个例子</p>
                    </div>
                    <div class="paging1 fn-clear" style="position:relative;margin:0 auto;">
                        <a class="prev" href="#">上一页</a>
                        <a href="#">1</a>
                        <a href="#">2</a>
                        <span class="omit">...</span>
                        <a href="#">6</a>
                        <a class="next" href="#">下一页</a>
                    </div>
                    <p class="arh-tag">
                        TAG:
                        <a href="#">爱手工网</a>
                        <a href="#">爱手工网</a>
                        <a href="#">爱手工网</a>
                        <a href="#">爱手工网</a>
                        <a href="#">爱手工网</a>
                    </p>
                </div>
                <ul class="arh-prenext fn-clear">
                    <li>
                        <p>上一篇：<a href="#">单肩包单肩包</a></p>
                    </li>
                    <li>
                        <p>下一篇：<a href="#">单肩包单肩包</a></p>
                    </li>
                </ul>
                <div class="arh-recommend2 border1 fn-clear"><!--为您推荐-->
                    <p class="ma-title">为您推荐</p>
                    <div class="fn-left">
                        <p class="a-title">猜你喜欢</p>
                        <ul>
                            <li><a href="#">什么是高质量外链以及获取高质量外链的途径</a></li>
                            <li><a href="#">什么是高质量外链以及获取高质量外链的途径</a></li>
                            <li><a href="#">什么是高质量外链以及获取高质量外链的途径</a></li>
                            <li><a href="#">什么是高质量外链以及获取高质量外链的途径</a></li>
                            <li><a href="#">什么是高质量外链以及获取高质量外链的途径</a></li>
                        </ul>
                    </div>
                    <div class="fn-left">
                        <p class="a-title">最新文章</p>
                        <ul>
                            <li><a href="#">什么是高质量外链以及获取高质量外链的途径</a></li>
                            <li><a href="#">什么是高质量外链以及获取高质量外链的途径</a></li>
                            <li><a href="#">什么是高质量外链以及获取高质量外链的途径</a></li>
                            <li><a href="#">什么是高质量外链以及获取高质量外链的途径</a></li>
                            <li><a href="#">什么是高质量外链以及获取高质量外链的途径</a></li>
                        </ul>
                    </div>
                </div>
                <div class="relativePanel"><!--相关推荐-->
                    <div id="re-tabs" class="tabs border1">
                        <ul>
                            <li id="re-panel1" class="now"><a href="javascript:;">栏目一</a></li>
                            <li id="re-panel2"><a href="javascript:;">栏目二</a></li>
                            <li id="re-panel3"><a href="javascript:;">栏目三</a></li>
                            <li id="re-panel4"><a href="javascript:;">栏目四</a></li>
                        </ul>
                    </div>
                    <div id="re-box">
                        <div id="re-panel1-cnt" class="now recnt border1"><!--文章列-->
                            <ul>
                                <li><span>2012-9-1</span><a href="#">文章标题文章标题标题1</a></li>
                                <li><span>2012-9-1</span><a href="#">文章标题文章标题标题1</a></li>
                                <li><span>2012-9-1</span><a href="#">文章标题文章标题标题1</a></li>
                                <li><span>2012-9-1</span><a href="#">文章标题文章标题标题1</a></li>
                                <li><span>2012-9-1</span><a href="#">文章标题文章标题标题1</a></li>
                                <li><span>2012-9-1</span><a href="#">文章标题文章标题标题1</a></li>
                            </ul>
                        </div>
                        <div id="re-panel2-cnt" class="recnt border1"><!--文章列-->
                            <ul>
                                <li><span>2012-9-1</span><a href="#">文章标题文章标题标题2</a></li>
                                <li><span>2012-9-1</span><a href="#">文章标题文章标题标题2</a></li>
                                <li><span>2012-9-1</span><a href="#">文章标题文章标题标题2</a></li>
                                <li><span>2012-9-1</span><a href="#">文章标题文章标题标题2</a></li>
                                <li><span>2012-9-1</span><a href="#">文章标题文章标题标题2</a></li>
                                <li><span>2012-9-1</span><a href="#">文章标题文章标题标题2</a></li>
                            </ul>
                        </div>
                        <div id="re-panel3-cnt" class="recnt border1"><!--文章列-->
                            <ul>
                                <li><span>2012-9-1</span><a href="#">文章标题文章标题标题3</a></li>
                                <li><span>2012-9-1</span><a href="#">文章标题文章标题标题3</a></li>
                                <li><span>2012-9-1</span><a href="#">文章标题文章标题标题3</a></li>
                                <li><span>2012-9-1</span><a href="#">文章标题文章标题标题3</a></li>
                                <li><span>2012-9-1</span><a href="#">文章标题文章标题标题3</a></li>
                                <li><span>2012-9-1</span><a href="#">文章标题文章标题标题3</a></li>
                            </ul>
                        </div>
                        <div id="re-panel4-cnt" class="recnt border1"><!--文章列-->
                            <ul>
                                <li><span>2012-9-1</span><a href="#">文章标题文章标题标题4</a></li>
                                <li><span>2012-9-1</span><a href="#">文章标题文章标题标题4</a></li>
                                <li><span>2012-9-1</span><a href="#">文章标题文章标题标题4</a></li>
                                <li><span>2012-9-1</span><a href="#">文章标题文章标题标题4</a></li>
                                <li><span>2012-9-1</span><a href="#">文章标题文章标题标题4</a></li>
                                <li><span>2012-9-1</span><a href="#">文章标题文章标题标题4</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="arh-recommend2 border1 fn-clear">
                    <p class="ma-title">用户评论</p>
                    <div class="tips">评论提示评论提示评论提示评论提示评论提示评论提示</div>
                    <!-- UY BEGIN -->
                    <div id="uyan_frame" style="padding:10px;"></div>
                    <script type="text/javascript">
                        var uyan_config = {
                            /*'title': '自定义网页标题 #微博话题#',
                            'url': '自定义网页链接',
                            'pic': '自定义图片链接地址，设置为空值则不分享图片',
                            'vid': '自定义视频链接地址',*/
                            'du': 'www.isgw.com',
                            'su': 'wzny'
                        };
                    </script>
                    <script type="text/javascript" id="UYScript" src="http://v1.uyan.cc/js/iframe.js?UYUserId=1679958" async=""></script>
                    <!-- UY END -->
                </div>
            </div>
            <div class="rcnt fn-right">
                <div class="border1" style="height:318px;margin-bottom: 10px;"><a href="#"><img src="images/temp/p10.jpg" width="261"/></a></div>
                <div class="col3">
                    <div class="col-title"><!--栏目头-->
                        <div class="ctleft"></div>
                        <h2>导购专栏</h2>
                        <div class="ctright"></div>
                    </div>
                    <div class="cnt border1" style="height:170px;">
                        <ul class="ct-list2 fn-clear">
                            <li><a href="#"><span>单肩包</span></a></li>
                            <li><a href="#">单肩包</a></li>
                            <li><a href="#"><span>单肩包</span></a></li>
                            <li><a href="#">单肩包</a></li>
                            <li><a href="#">单肩包</a></li>
                            <li><a href="#">单肩包</a></li>
                            <li><a href="#"><span>单肩包</span></a></li>
                            <li><a href="#">单肩包</a></li>
                            <li><a href="#">单肩包</a></li>
                            <li><a href="#">单肩包</a></li>
                            <li><a href="#"><span>单肩包</span></a></li>
                            <li><a href="#">单肩包</a></li>
                            <li><a href="#">单肩包</a></li>
                            <li><a href="#">单肩包</a></li>
                            <li><a href="#">单肩包</a></li>
                            <li><a href="#"><span>单肩包</span></a></li>
                            <li><a href="#">单肩包</a></li>
                            <li><a href="#">单肩包</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col3">
                    <div class="col-title"><!--栏目头-->
                        <div class="ctleft"></div>
                        <h2>最新产品</h2>
                        <div class="ctright"></div>
                    </div>
                    <div class="cnt border1" style="height:350px;overflow:hidden;">
                        <ul class="pro-list2">
                            <li class="fn-clear">
                                <a href="#" class="img"><img src="images/temp/p11.jpg"/></a>
                                <a href="#" class="name">单肩包单肩包单肩包单肩包单肩包单肩包</a>
                                <p class="price">￥<span>139.00</span></p>
                            </li>
                            <li class="fn-clear">
                                <a href="#" class="img"><img src="images/temp/p11.jpg"/></a>
                                <a href="#" class="name">单肩包单肩包单肩包单肩包单肩包单肩包</a>
                                <p class="price">￥<span>139.00</span></p>
                            </li>
                            <li class="fn-clear">
                                <a href="#" class="img"><img src="images/temp/p11.jpg"/></a>
                                <a href="#" class="name">单肩包单肩包单肩包单肩包单肩包单肩包</a>
                                <p class="price">￥<span>139.00</span></p>
                            </li>
                            <li class="fn-clear">
                                <a href="#" class="img"><img src="images/temp/p11.jpg"/></a>
                                <a href="#" class="name">单肩包单肩包单肩包单肩包单肩包单肩包</a>
                                <p class="price">￥<span>139.00</span></p>
                            </li>
                            <li class="fn-clear">
                                <a href="#" class="img"><img src="images/temp/p11.jpg"/></a>
                                <a href="#" class="name">单肩包单肩包单肩包单肩包单肩包单肩包</a>
                                <p class="price">￥<span>139.00</span></p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col3">
                    <div class="col-title"><!--栏目头-->
                        <div class="ctleft"></div>
                        <h2>最新文章</h2>
                        <div class="ctright"></div>
                    </div>
                    <div class="cnt border1" style="height:246px;">
                        <ul class="arh-list2">
                            <li><a href="#">2012春夏新品 高档女士小手提包</a></li>
                            <li><a href="#">2012春夏新品 高档女士小手提包</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col3" style="margin-bottom: 0;">
                    <div class="col-title"><!--栏目头-->
                        <div class="ctleft"></div>
                        <h2>热点资讯</h2>
                        <div class="ctright"></div>
                    </div>
                    <div class="cnt border1" style="height:268px;">
                        <ul class="arh-list2">
                            <li><a href="#">2012春夏新品 高档女士小手提包</a></li>
                            <li><a href="#">2012春夏新品 高档女士小手提包</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="footer">
            <div class="letter-index border1">
                <a href="#">A</a> | <a href="#">B</a> | <a href="#">C</a> | <a href="#">D</a> |
                <a href="#">E</a> | <a href="#">F</a> | <a href="#">G</a> | <a href="#">H</a> |
                <a href="#">I</a> | <a href="#">J</a> | <a href="#">K</a> | <a href="#">L</a> |
                <a href="#">M</a> | <a href="#">N</a> | <a href="#">O</a> | <a href="#">P</a> |
                <a href="#">Q</a> | <a href="#">R</a> | <a href="#">S</a> | <a href="#">T</a> |
                <a href="#">U</a> | <a href="#">V</a> | <a href="#">W</a> | <a href="#">X</a> |
                <a href="#">Y</a> | <a href="#">Z</a> | <a href="#">0-9</a>
            </div>
            <div class="hot">
                <span>热门包包:</span> <a href="#">双肩包</a> <a href="#">双肩包</a> <a href="#">双肩包</a> <a
                                                                                                   href="#">双肩包</a>
            </div>
            <div class="tips border1">
                <div class="imgBox">
                    <img src="images/tip.jpg" />
                </div>
            </div>
            <p class="copyright">
                Copyright&copy; 2007-2011 福建和茶网科技有限公司 版权所有，并保留所有权利 闽ICP证：闽10222030号
            </p>
        </div>
    </div>
    <a id="btnReturnTop" class="bg-main" href="javascript:;" onclick="javascript:scroll(0,0);">回顶部</a>
    <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
        $(function () {
            //$("#uyan_frame > div:first a:last").css("display", "none");
            $("#re-tabs li").click(function () {
                //tab样式切换
                $("#re-tabs li").removeClass("now");
                $(this).addClass("now");
                //内容切换
                var target = "#" + $(this).attr("id") + "-cnt";
                $("#re-box .recnt").removeClass("now");
                $(target).addClass("now");
            });
        })
    </script>
</body>
</html>